<template>
  <div class="no-data">
    <p>{{ this.title }}</p>
  </div>
</template>

<script>
export default {
  props: {
    title: {
      default: "暂无数据",
    },
  },
};
</script>

<style lang="scss" scoped>
.no-data {
  width: 100%;
  height: 100%;
  max-height: 100px;
  color: #999;
  text-align: center;
  padding: 20px 0;
  p {
    margin: 0;
    padding: 0;
    position: relative;
    top: 50%;
  }
}
</style>
